<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/8/19
  Time: 16:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link href="css/common.css" rel="stylesheet" type="text/css" />
  <link href="css/style.css" rel="stylesheet" type="text/css" />
  <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
  <script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
  <script src="js/common_js.js" type="text/javascript"></script>
  <script src="js/footer.js" type="text/javascript"></script>
  <title>公共产品库</title>
</head>
<body>
<div id="header_top">
  <div id="top">
    <div class="Inside_pages">
      <div class="Collection"><a href="#" class="green">请登录</a> <a href="#" class="green">免费注册</a></div>
      <div class="hd_top_manu clearfix">
        <ul class="clearfix">
          <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="myul">首页</a></li>
          <li class="hd_menu_tit" data-addclass="hd_menu_hover"> <a href="#">我的小充</a> </li>
          <li class="hd_menu_tit" data-addclass="hd_menu_hover"> <a href="myul?type=load&page=user">用户中心</a> </li>
          <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">消息中心</a></li>
          <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">商品分类</a></li>
          <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">我的购物车<b>(23)</b></a></li>
        </ul>
      </div>
    </div>
  </div>
  <div id="header"  class="header page_style">
    <div class="logo"><a href="index.html"><img src="images/logo.png" /></a></div>
    <!--结束图层-->
    <div class="Search">
      <div class="search_list">
        <ul>
          <li class="current"><a href="#">产品</a></li>
          <li><a href="#">信息</a></li>
        </ul>
      </div>
      <div class="clear search_cur">
        <input name="searchName" id="searchName" class="search_box" onkeydown="keyDownSearch()" type="text">
        <input name="" type="submit" value="搜 索"  class="Search_btn"/>
      </div>
      <div class="clear hotword">热门搜索词：香醋&nbsp;&nbsp;&nbsp;茶叶&nbsp;&nbsp;&nbsp;草莓&nbsp;&nbsp;&nbsp;葡萄&nbsp;&nbsp;&nbsp;菜油</div>
    </div>
    <!--购物车样式-->
    <div class="hd_Shopping_list" id="Shopping_list">
      <div class="s_cart"><a href="#">我的购物车</a> <i class="ci-right">&gt;</i><i class="ci-count" id="shopping-amount">0</i></div>
      <div class="dorpdown-layer">
        <div class="spacer"></div>
        <!--<div class="prompt"></div><div class="nogoods"><b></b>购物车中还没有商品，赶紧选购吧！</div>-->
        <ul class="p_s_list">
          <li>
            <div class="img"><img src="images/tianma.png"></div>
            <div class="content"><p class="name"><a href="#">产品名称</a></p><p>颜色分类:紫花8255尺码:XL</p></div>
            <div class="Operations">
              <p class="Price">￥55.00</p>
              <p><a href="#">删除</a></p></div>
          </li>
        </ul>
        <div class="Shopping_style">
          <div class="p-total">共<b>1</b>件商品　共计<strong>￥ 515.00</strong></div>
          <a href="Shop_cart.html" title="去购物车结算" id="btn-payforgoods" class="Shopping">去购物车结算</a>
        </div>
      </div>
    </div>
  </div>
  <!--菜单栏-->
  <div class="Navigation" id="Navigation">
    <ul class="Navigation_name">
      <li><a href="myul">首页</a></li>
      <li class="hour"><span class="bg_muen"></span><a href="#">半小时生活圈</a></li>
      <li><a href="addcollect?page=con&type=loadAll">你身边的超市</a></li>
      <li><a href="#">预售专区</a><em class="hot_icon"></em></li>
      <li><a href="products_list.html">商城</a></li>

      <li><a href="#">好评商户</a></li>
      <li><a href="#">热销活动</a></li>
      <li><a href="Brands.html">联系我们</a></li>
    </ul>
  </div>
  <script>$("#Navigation").slide({titCell:".Navigation_name li",trigger:"click"});</script>
</div>
</head>
<div class="Inside_pages clearfix">
  <!--面包屑-->
  <div class="Location_link">
    <em></em><a href="myul">首页</a>  &lt;   <a href="#">公共产品库</a>
  </div>
  <div class="Products_area_style">
    <!--公共产品库-->
    <div class="Product_Search">
      <div class="Search_Add">
        <input name="" type="text" placeholder="输入搜索关键字" class="add_text">
        <span>一级分类：</span><select name="" size="1">
        <option value="1">一级分类</option>
      </select>
        <span>二级分类：</span><select name="" size="1">
        <option value="2">二级分类</option>
      </select>
        <span>三级分类：</span><select name="" size="1">
        <option value="3">三级分类</option>
      </select>

        <input name="" type="submit" value="搜索" class="Search_btn">
      </div>


    </div>
    <div class="Product_list_k">
      <div class="Sorted">
        <div class="Sorted_style">
          <a href="#" class="on">综合<i class="iconfont icon-fold"></i></a>
          <a href="#">信用<i class="iconfont icon-fold"></i></a>
          <a href="#">价格<i class="iconfont icon-fold"></i></a>
          <a href="#">销量<i class="iconfont icon-fold"></i></a>
        </div>

        <!--页数-->
        <div class="s_Paging">
          <span> 1/12</span>
          <a href="#" class="on">&lt;</a>
          <a href="#">&gt;</a>
        </div>
      </div>
      <div class="k_list">
        <ul>
          <c:forEach items="${arr2}" var="arr">
          <li class="gl-item">
            <em class="icon_special tejia"></em>
            <div class="Borders">
              <div class="img"><a href="Product_Detailed.html"><img src="${arr.cpathPic}" style="width:220px;height:220px"></a></div>
              <div class="name"><a href="Product_Detailed.html">${arr.cname}</a></div>
              <div class="Shop_name"><a href="#">三只松鼠旗舰店</a></div>
              <div class="p-operate">
                <a href="#" class="p-o-btn shop_cart">加入店铺</a>
              </div>
            </div>
          </li>
          </c:forEach>
<%--          <li class="gl-item">--%>
<%--            <em class="icon_special tejia"></em>--%>
<%--            <div class="Borders">--%>
<%--              <div class="img"><a href="Product_Detailed.html"><img src="products/P_2.jpg" style="width:220px;height:220px"></a></div>--%>
<%--              <div class="name"><a href="Product_Detailed.html">乐事 无限薯片三连装（原味+番茄+烤肉）104g*3/组</a></div>--%>
<%--              <div class="Shop_name"><a href="#">三只松鼠旗舰店</a></div>--%>
<%--              <div class="p-operate">--%>
<%--                <a href="#" class="p-o-btn shop_cart">加入店铺</a>--%>
<%--              </div>--%>
<%--            </div>--%>
<%--          </li>--%>
<%--          <li class="gl-item">--%>
<%--            <em class="icon_special tejia"></em>--%>
<%--            <div class="Borders">--%>
<%--              <div class="img"><a href="Product_Detailed.html"><img src="products/P_3.jpg" style="width:220px;height:220px"></a></div>--%>
<%--              <div class="name"><a href="Product_Detailed.html">乐事 无限薯片三连装（原味+番茄+烤肉）104g*3/组</a></div>--%>
<%--              <div class="Shop_name"><a href="#">三只松鼠旗舰店</a></div>--%>
<%--              <div class="p-operate">--%>
<%--                <a href="#" class="p-o-btn shop_cart">加入店铺</a>--%>
<%--              </div>--%>
<%--            </div>--%>
<%--          </li>--%>
<%--          <li class="gl-item">--%>
<%--            <em class="icon_special tejia"></em>--%>
<%--            <div class="Borders">--%>
<%--              <div class="img"><a href="Product_Detailed.html"><img src="products/P_4.jpg" style="width:220px;height:220px"></a></div>--%>
<%--              <div class="name"><a href="Product_Detailed.html">乐事 无限薯片三连装（原味+番茄+烤肉）104g*3/组</a></div>--%>
<%--              <div class="Shop_name"><a href="#">三只松鼠旗舰店</a></div>--%>
<%--              <div class="p-operate">--%>
<%--                <a href="#" class="p-o-btn shop_cart">加入店铺</a>--%>
<%--              </div>--%>
<%--            </div>--%>
<%--          </li>--%>
<%--          <li class="gl-item">--%>
<%--            <em class="icon_special tejia"></em>--%>
<%--            <div class="Borders">--%>
<%--              <div class="img"><a href="Product_Detailed.html"><img src="products/P_5.jpg" style="width:220px;height:220px"></a></div>--%>
<%--              <div class="name"><a href="Product_Detailed.html">乐事 无限薯片三连装（原味+番茄+烤肉）104g*3/组</a></div>--%>
<%--              <div class="Shop_name"><a href="#">三只松鼠旗舰店</a></div>--%>
<%--              <div class="p-operate">--%>
<%--                <a href="#" class="p-o-btn shop_cart">加入店铺</a>--%>
<%--              </div>--%>
<%--            </div>--%>
<%--          </li>--%>
<%--          <li class="gl-item">--%>
<%--            <em class="icon_special tejia"></em>--%>
<%--            <div class="Borders">--%>
<%--              <div class="img"><a href="Product_Detailed.html"><img src="products/P_6.jpg" style="width:220px;height:220px"></a></div>--%>
<%--              <div class="name"><a href="Product_Detailed.html">乐事 无限薯片三连装（原味+番茄+烤肉）104g*3/组</a></div>--%>
<%--              <div class="Shop_name"><a href="#">三只松鼠旗舰店</a></div>--%>
<%--              <div class="p-operate">--%>
<%--                <a href="#" class="p-o-btn shop_cart">加入店铺</a>--%>
<%--              </div>--%>
<%--            </div>--%>
<%--          </li>--%>
<%--          <li class="gl-item">--%>
<%--            <em class="icon_special tejia"></em>--%>
<%--            <div class="Borders">--%>
<%--              <div class="img"><a href="Product_Detailed.html"><img src="products/P_7.jpg" style="width:220px;height:220px"></a></div>--%>
<%--              <div class="name"><a href="Product_Detailed.html">乐事 无限薯片三连装（原味+番茄+烤肉）104g*3/组</a></div>--%>
<%--              <div class="Shop_name"><a href="#">三只松鼠旗舰店</a></div>--%>
<%--              <div class="p-operate">--%>
<%--                <a href="#" class="p-o-btn shop_cart">加入店铺</a>--%>
<%--              </div>--%>
<%--            </div>--%>
<%--          </li>--%>
<%--          <li class="gl-item">--%>
<%--            <em class="icon_special tejia"></em>--%>
<%--            <div class="Borders">--%>
<%--              <div class="img"><a href="Product_Detailed.html"><img src="products/P_8.jpg" style="width:220px;height:220px"></a></div>--%>
<%--              <div class="name"><a href="Product_Detailed.html">乐事 无限薯片三连装（原味+番茄+烤肉）104g*3/组</a></div>--%>
<%--              <div class="Shop_name"><a href="#">三只松鼠旗舰店</a></div>--%>
<%--              <div class="p-operate">--%>
<%--                <a href="#" class="p-o-btn shop_cart">加入店铺</a>--%>
<%--              </div>--%>
<%--            </div>--%>
<%--          </li>--%>
<%--          <li class="gl-item">--%>
<%--            <em class="icon_special tejia"></em>--%>
<%--            <div class="Borders">--%>
<%--              <div class="img"><a href="Product_Detailed.html"><img src="products/P_9.jpg" style="width:220px;height:220px"></a></div>--%>
<%--              <div class="name"><a href="Product_Detailed.html">乐事 无限薯片三连装（原味+番茄+烤肉）104g*3/组</a></div>--%>
<%--              <div class="Shop_name"><a href="#">三只松鼠旗舰店</a></div>--%>
<%--              <div class="p-operate">--%>
<%--                <a href="#" class="p-o-btn shop_cart">加入店铺</a>--%>
<%--              </div>--%>
<%--            </div>--%>
<%--          </li>--%>
<%--          <li class="gl-item">--%>
<%--            <em class="icon_special tejia"></em>--%>
<%--            <div class="Borders">--%>
<%--              <div class="img"><a href="Product_Detailed.html"><img src="products/P_1.jpg" style="width:220px;height:220px"></a></div>--%>
<%--              <div class="name"><a href="Product_Detailed.html">乐事 无限薯片三连装（原味+番茄+烤肉）104g*3/组</a></div>--%>
<%--              <div class="Shop_name"><a href="#">三只松鼠旗舰店</a></div>--%>
<%--              <div class="p-operate">--%>
<%--                <a href="#" class="p-o-btn shop_cart">加入店铺</a>--%>
<%--              </div>--%>
<%--            </div>--%>
<%--          </li>--%>
<%--          <li class="gl-item">--%>
<%--            <em class="icon_special tejia"></em>--%>
<%--            <div class="Borders">--%>
<%--              <div class="img"><a href="Product_Detailed.html"><img src="products/P_11.jpg" style="width:220px;height:220px"></a></div>--%>
<%--              <div class="name"><a href="Product_Detailed.html">乐事 无限薯片三连装（原味+番茄+烤肉）104g*3/组</a></div>--%>
<%--              <div class="Shop_name"><a href="#">三只松鼠旗舰店</a></div>--%>
<%--              <div class="p-operate">--%>
<%--                <a href="#" class="p-o-btn shop_cart">加入店铺</a>--%>
<%--              </div>--%>
<%--            </div>--%>
<%--          </li>--%>
        </ul>
      </div>
      <div class="Paging">
        <div class="Pagination">
          <a href="myul">首页</a>
          <a href="#" class="pn-prev disabled">&lt;上一页</a>
          <a href="#" class="on">1</a>
          <a href="#">2</a>
          <a href="#">3</a>
          <a href="#">4</a>
          <a href="#">下一页&gt;</a>
          <a href="#">尾页</a>
        </div>
      </div>
    </div>
  </div>
</div>
<!--网站地图-->
<div class="fri-link-bg clearfix">
  <div class="fri-link">
    <div class="logo left margin-r20"><img src="images/fo-logo.jpg" width="152" height="81" /></div>
    <div class="left"><img src="images/qd.jpg" width="90"  height="90" />
      <p>扫描下载APP</p>
    </div>
    <div class="">
      <dl>
        <dt>新手上路</dt>
        <dd><a href="#">售后流程</a></dd>
        <dd><a href="#">购物流程</a></dd>
        <dd><a href="#">订购方式</a> </dd>
        <dd><a href="#">隐私声明 </a></dd>
        <dd><a href="#">推荐分享说明 </a></dd>
      </dl>
      <dl>
        <dt>配送与支付</dt>
        <dd><a href="#">保险需求测试</a></dd>
        <dd><a href="#">专题及活动</a></dd>
        <dd><a href="#">挑选保险产品</a> </dd>
        <dd><a href="#">常见问题 </a></dd>
      </dl>
      <dl>
        <dt>售后保障</dt>
        <dd><a href="#">保险需求测试</a></dd>
        <dd><a href="#">专题及活动</a></dd>
        <dd><a href="#">挑选保险产品</a> </dd>
        <dd><a href="#">常见问题 </a></dd>
      </dl>
      <dl>
        <dt>支付方式</dt>
        <dd><a href="#">保险需求测试</a></dd>
        <dd><a href="#">专题及活动</a></dd>
        <dd><a href="#">挑选保险产品</a> </dd>
        <dd><a href="#">常见问题 </a></dd>
      </dl>
      <dl>
        <dt>帮助中心</dt>
        <dd><a href="#">保险需求测试</a></dd>
        <dd><a href="#">专题及活动</a></dd>
        <dd><a href="#">挑选保险产品</a> </dd>
        <dd><a href="#">常见问题 </a></dd>
      </dl>
      <dl>
        <dt>帮助中心</dt>
        <dd><a href="#">保险需求测试</a></dd>
        <dd><a href="#">专题及活动</a></dd>
        <dd><a href="#">挑选保险产品</a> </dd>
        <dd><a href="#">常见问题 </a></dd>
      </dl>
      <dl>
        <dt>帮助中心</dt>
        <dd><a href="#">保险需求测试</a></dd>
        <dd><a href="#">专题及活动</a></dd>
        <dd><a href="#">挑选保险产品</a> </dd>
        <dd><a href="#">常见问题 </a></dd>
      </dl>
    </div>
  </div>
</div>
<!--网站地图END-->
<!--网站页脚-->
<div class="copyright">
  <div class="copyright-bg">
    <div class="hotline">为生活充电在线 <span>招商热线：****-********</span> 客服热线：400-******</div>
    <div class="hotline co-ph">
      <p>版权所有Copyright ©***************</p>
      <p>*ICP备***************号 不良信息举报</p>
      <p>总机电话：****-*********/194/195/196 客服电话：4000****** 传 真：********

        E-mail:****@****.gov.cn</p>
    </div>
  </div>
</div>
<!--右侧菜单栏购物车样式-->
<div class="fixedBox">
  <ul class="fixedBoxList">
    <li class="fixeBoxLi user"><a href="#"> <span class="fixeBoxSpan"></span> <strong>消息中心</strong></a> </li>
    <li class="fixeBoxLi cart_bd" style="display:block;" id="cartboxs">
      <p class="good_cart">9</p>
      <span class="fixeBoxSpan"></span> <strong>购物车</strong>
      <div class="cartBox">
        <div class="bjfff"></div><div class="message">购物车内暂无商品，赶紧选购吧</div>    </div></li>
    <li class="fixeBoxLi Service "> <span class="fixeBoxSpan"></span> <strong>客服</strong>
      <div class="ServiceBox">
        <div class="bjfffs"></div>
        <dl onclick="javascript:;">
          <dt><img src="images/Service1.png"></dt>
          <dd><strong>QQ客服1</strong>
            <p class="p1">9:00-22:00</p>
            <p class="p2"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a></p>
          </dd>
        </dl>
        <dl onclick="javascript:;">
          <dt><img src="images/Service1.png"></dt>
          <dd> <strong>QQ客服1</strong>
            <p class="p1">9:00-22:00</p>
            <p class="p2"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a></p>
          </dd>
        </dl>
      </div>
    </li>
    <li class="fixeBoxLi code cart_bd " style="display:block;" id="cartboxs">
      <span class="fixeBoxSpan"></span> <strong>微信</strong>
      <div class="cartBox">
        <div class="bjfff"></div>
        <div class="QR_code">
          <p><img src="images/erweim.jpg" width="180px" height="180px" /></p>
          <p>微信扫一扫，关注我们</p>
        </div>
      </div>
    </li>
    <li class="fixeBoxLi Home"> <a href="addcollect?type=load&page=shou"> <span class="fixeBoxSpan"></span> <strong>收藏夹</strong> </a> </li>
    <li class="fixeBoxLi BackToTop"> <span class="fixeBoxSpan"></span> <strong>返回顶部</strong> </li>
  </ul>
</div>
</body>
</html>
